@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{ margin:0; padding:0; }
em,i { font-style:normal; }
li { list-style:none; }
a {text-decoration:none;color:inherit;} a:hover{text-decoration:none;}
a:focus{text-decoration: none;outline: none;}
img { border:none; vertical-align:middle; max-width:100%;max-height:100%;}
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body{font-size:12px; font-family:'微软雅黑';color:#333; position: relative; min-width: 1300px;}
/* public */
.clearfix {*zoom: 1;}


@font-face{
	font-family: '思源宋体';
	src:url('../font/SourceHanSerifCN-Regular-1.otf');
}


.cleartab:before,.cleartab::after{content:'';display: table;}
/* 外边距溢出 */
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
/* 高度坍塌 */
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
/* 居中 */
.main{width:100%; max-width:1300px; margin:0 auto;}/* 宽度最大 */
.fixed{position:fixed;left:0;top:0;z-index:999;}

.btn{font-family: '微软雅黑';cursor:pointer;}
.bl{display:inline-block;float:left;}
.br{display:inline-block;float:right;}
h1,h2,h3,h4,h5{font-weight:normal;}






/* 轮播图 */
.banner{position:relative;}
.banner img{width:100%;}
.banner .hd{width:100%;padding:20px 0;text-align:center;border-bottom:1px solid #dfdfdf;position:absolute;left:0;bottom:0;transform: none;top: auto;}
.banner .hd ul{display:inline-block;}
.banner .hd ul li{width:8px;height:8px;transform: translate(0,-50%);border-radius: 50%;vertical-align: middle; display:inline-block;float:left;background-color:#ffffff;margin:0 5px;cursor:pointer;text-indent:-9999px;}
.banner .hd ul li.on{width: 14px;height: 14px;background-repeat: no-repeat;background-position: center;margin:0 2px;background-color: rgba(255,255,255,0.3);opacity: .8; }
.banner .banner_prev,
.banner .banner_next{border-radius:100px;opacity:.4;width:50px;height:50px;color:#fff;line-height:50px;display:inline-block;position:absolute;top:45%;cursor:pointer;background:rgba(0, 0, 0, .4);font-size:38px;font-family: '宋体';font-weight:bold;text-align:center;}
.banner .banner_prev{left:120px;}
.banner .banner_next{right:120px;}
.banner .banner_prev:hover,
.banner .banner_next:hover{opacity:1;}
.banner .cur{width:20px; height:40px; display:inline-block; position:absolute; left:50%; bottom:30px; margin-left:10px; background:url(../images/cursor.png) no-repeat center; cursor:pointer;}






/* 头部 */
.top{background-color: #f6f6f6;height: 40px;line-height: 40px;}
.top .main{position: relative;}
.top .login01{color: #666666;float: right;height: 20px;font-size: 16px;font-family: '宋体';margin-right: 23px;cursor: pointer;}
.top .login01:hover{color: #aa1d23;}
.top img{margin-right: 9px;vertical-align: sub;}
.top .search_btn{display: inline-block;float: right; width: 70px;vertical-align: top;height: 20px;border-left: 1px solid #d4d4d4;margin-top: 10px;cursor: pointer;background: url(../images/search.png) no-repeat center;}
.top .head_form{position: absolute;right: 0;top: 40px;height: 40px;display: none;}
.top .head_form input{background-color: #eeeeee;width: 250px;height: 100%;vertical-align: top; padding-left: 20px;color: #999999;}
.top .head_form input::placeholder{color: #999999;font-size: 14px;}
.top .head_form button{
	position: absolute;
	bottom: 0px;
	cursor: pointer;
	outline: none;
	right: 0px;
	width: 40px;
	height: 40px;
	background: url(../images/search.png) no-repeat center;
	border: 0;
	background-color: #000000;
}

/* .top .head_form button{
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	border: 1px solid #CCCCCC;
	transform: rotate(-45deg);
}
.top .head_form button::after{
	content: '';
	display: inline-block;
	width: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 4px;
	background-color: #CCCCCC;
} */

.header{background: transparent;height: 127px;box-shadow: 0 0 10px #E5E5E5;position: relative;z-index: -1;}
.header h1{display: inline-block;width: 192px;height: 62px;margin-top: 29px;background: url(../images/logo.png) no-repeat center/192px 62px;}
.header ul{float: right;display: inline-block;}
.header ul li{display: inline-block;line-height: 127px;width: 140px;float: left;text-align: center;}
.header ul li.on a,.header ul li:hover a{color: #aa1d23;}
.header ul li.on,.header ul li:hover{background: url(../images/icon01.png) no-repeat center;}
.header ul li a{display: block;font-size: 16px;font-family: '思源宋体';color: #666666;}







/* 底部 */
.footer{background:url(../images/footer_bg.jpg); color:#FFFFFF;line-height: 24px;}
.footer .main {
    min-height: 120px;
}
.footer .roof a{
	color: #FFFFFF;
	float: left;
	padding-right: 24px;
	transition: all .5s;
}
.footer .roof a+a:before{
	display: inline-block;
	content: '|';
	transition: all .5s;
	color: #FFFFFF;
	margin: 0 18px 0 0;
}
.footer .fl{
	float: left;
	margin-top: 35px;
}
.footer .fr{
	margin-top: 35px;
	float: right;
}
.footer a{
	transition: all .5s;
}
.footer a:hover{
	color: #aaaaaa;
}
.footer .copy .cl{
	float: left;
	line-height: 24px;
}
.footer .copy .cr{
	float: right;
	line-height: 24px;
}





.zhezhao{
	background-color: rgba(0,0,0,.33);
	position: fixed;
	display: none;
	z-index: 200;
	top: 0;
	width: 100%;
	height: 100%;
}
/* login */
.login{
	display: none;
	position: fixed;
	z-index: 999;
	top: 240px;
	width: 1048px;
	left: 50%;
	transform: translateX(-50%);
}
.login .log_l{
	float: left;
	
}
.login .log_r{
	width: 524px;
	height: 578px;
    left: 524px;
	background-color: #FFFFFF;
	float: right;
	text-align: center;
	position: absolute;
}
.login .log_r h2{
	font-size: 30px;
	padding-top: 90px;
	padding-bottom: 15px;
	font-weight: bold;
}
.login .log_r i{
    width: 260px;
    height: 1px;
	margin: 0 auto;
    display: inline-block;
    position: absolute;
	left: 0;
	right: 0;
	top: 160px;
	z-index: 0;
    background: #666666;
}
.login .log_r .text{
	font-size: 14px;
	line-height: 16px;
	width: 85px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 5;
	background-color: #FFFFFF;
	margin: 0 auto;
	font-weight: bold;
	color: #666666;
}
.login .log_r .text::before{
	display: block;
	content: '';
}
.login .log_r img{
	margin-top: 50px;
}
.login .log_r form{
	margin-top: 105px;
}
.login .log_r input{
	width: 436px;
	height: 56px;
	box-sizing: border-box;
	padding-left: 20px;
	background-color: #f2f2f2;
	margin-bottom: 23px;
	border: 1px solid #e5e5e5;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.login .log_r input:first-of-type{
	background-image: url('../images/login_icon02.png');
	background-size: 20px 23px;
}
.login .log_r input:last-of-type{
	background-image: url('../images/login_icon03.png');
	background-size: 20px 26px;
}
.login .log_r input::placeholder{
	font-size: 18px;
	line-height: 48px;
	color: #999999;
}
.login .log_r button{
	width: 439px;
	height: 60px;
	background-color: #d90000;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 48px;
	border: 0;
}
.login .close{
	background-color: #d90000;
	position: absolute;
	left: 1048px;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-size: 40px;
	width: 60px;
	height: 60px;
}








/* iabout */
.iabout{
	margin-top: 86px;
	padding-bottom: 665px;
}
.iabout .roof{
	margin-bottom: 80px;
}
.iabout .roof .tit01{
	display: table-cell;
	padding-right: 110px;
}
.iabout .roof .tit01 h2{
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
	font-family: '思源宋体';
	letter-spacing: 15px;
	line-height: 48px;
	font-size: 30px;
	color: #a12622;
	float: right;
}
.iabout .roof .tit01 i{
	font-family: '思源宋体';
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
	color: #000000;
	font-size: 30px;
	line-height: 48px;
}
.iabout .roof p{
	width: 945px;
	color: #666666;
	font-size: 16px;
	line-height: 30px;
	display: table-cell;
	vertical-align: middle;
}
.iabout .ab_swiper{
	margin-top: 90px;
}
.iabout .ab_swiper .swiper-slide{
	width: 918px;
	height: 469px;
}
.iabout .ab_swiper .swiper-slide.swiper-slide-next,
.iabout .ab_swiper .swiper-slide.swiper-slide-prev{
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}

.abtit_swiper{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/* background-image:url(../images/about_bg02.jpg); */
	position:absolute;
}
.abtit_swiper:after{
	width:100%;
	height:16px;
	display:inline-block;
	content:'';
	background: url(../images/icon03.jpg) repeat-x;
	position:absolute;
	left:0;
	top:15px;
	z-index: 0;
}
.abtit_swiper{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	z-index: 33;
}
.abtit_swiper .slide_btn{
	padding-top:30px;
	text-align:center;
	position:relative;
}
.abtit_swiper .swiper-slide{
	text-align: center;
	height: 30px;
}
.abtit_swiper .swiper-slide p{
	position: absolute;
	z-index: 5;
	background-color: #FFFFFF;
	text-align: center;
	font-family: '宋体';
	width: 130px;
	font-size: 18px;
	line-height: 30px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.iabout .root{
	position: relative;
	margin: 0 auto;
}
.iabout .root .tit01{
	display: inline-block;
	vertical-align: top;
	height: 460px;
}
.iabout .root .text_box{
	height: 460px;
	display: inline-block;
	/* width: auto; */
	min-width: 500px;
}
.iabout .root p{
	writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
	float: right;
	font-size: 18px;
	line-height: 48px;
}

.iabout .root .tit01 h2{
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
	font-family: '思源宋体';
	line-height: 48px;
	font-size: 30px;
	float: right;
}
.iabout .root .tit01 i{
	font-family: '思源宋体';
	float: right;
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
	color: #000000;
	font-size: 30px;
	line-height: 48px;
}
.iabout .root .text{
	margin: 90px auto;
	width: auto;
	vertical-align: middle;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	display: inline-block;
}

/* 公共标题 */
.tit02{
	margin: 100px auto 80px;
	text-align: center;
	color: #666666;
	position: relative;
}
.tit02::before{
	content: '';
	width: 73px;
	height: 73px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-120%,-60%);
	border: 1px solid #d9babc;
}
.tit02 h2{
	font-size: 30px;
	line-height: 36px;
}
.tit02 p{
	font-size: 14px;
	text-transform: uppercase;
	line-height: 36px;
}
.tit02 p::after,
.tit02 p::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
	width: 40px;
	height: 1px;
	background-color: #d9babc;
}


/* 公共标题 */

/* ipro */
.ipro .ins{
	height: 288px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.ipro .isort{
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	
	padding-bottom: 150px;
}
.ipro .isort .isort_box{
	float: left;
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
	text-align: center;
	width: 260px;
	height: 404px;
	font-size: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ipro .isort .isort_box+.isort_box{
	border-left: 1px solid #d5d5d5;
}
.ipro .isort .isort_box a{
	display: block;
	width: 100%;
	height: 100%;
}
.ipro .isort .isort_box.on,
.ipro .isort .isort_box:hover{
	background:  url(../images/ipro02.jpg) no-repeat center;
	color: #FFFFFF;
}
.ipro .isort .isort_box p{
	height: 200px;
	text-align: left;
	display: inline-block;
}
.ipro .isort .isort_box .cir{
	width: 130px;
	height: 130px;
	margin: 0 65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	border: 1px solid #e4e4e4;
}
.ipro .isort .isort_box .cir .cirs{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background-color: #e4e4e4;
	background-position: center;
	background-repeat: no-repeat;
}
.ipro .isort .isort_box:nth-of-type(1) .cir .cirs{
	background-image: url(../images/icon06.png);
}
.ipro .isort .isort_box:nth-of-type(2) .cir .cirs{
	background-image: url(../images/icon07.png);
}
.ipro .isort .isort_box:nth-of-type(3) .cir .cirs{
	background-image: url(../images/icon08.png);
}
.ipro .isort .isort_box:nth-of-type(4) .cir .cirs{
	background-image: url(../images/icon09.png);
}
.ipro .isort .isort_box:nth-of-type(5) .cir .cirs{
	background-image: url(../images/icon10.png);
}
.ipro .isort .isort_box:nth-of-type(1):hover .cir .cirs{
	background-image: url(../images/icon06_a.png);
}
.ipro .isort .isort_box:nth-of-type(2):hover .cir .cirs{
	background-image: url(../images/icon07_a.png);
}
.ipro .isort .isort_box:nth-of-type(3):hover .cir .cirs{
	background-image: url(../images/icon08_a.png);
}
.ipro .isort .isort_box:nth-of-type(4):hover .cir .cirs{
	background-image: url(../images/icon09_a.png);
}
.ipro .isort .isort_box:nth-of-type(5):hover .cir .cirs{
	background-image: url(../images/icon10_a.png);
}
.ipro .isort .isort_box.on .cir,
.ipro .isort .isort_box:hover .cir{
	border: 1px solid #FFFFFF;
}
.ipro .isort .isort_box.on .cir .cirs,
.ipro .isort .isort_box:hover .cir .cirs{
	background-color: #fff;
}
.index-product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 25px;
}


/* 加盟 */
.ijion h3{
	font-family: '宋体';
	text-align: center;
	letter-spacing: .75px;
	font-size: 48px;
	line-height: 60px;
}
.brand .advan,
.ijion .iadvan{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}



.cro{
	width: 533px;
	height: 336px;
	position: relative;
	display: inline-block;
	background-image: url(../images/ijion01.jpg);
	-webkit-mask-image: url(../images/mask.png);
}

.cro1{
	width: 533px;
	height: 336px;
	position: relative;
	display: inline-block;
	float: right;
	background-image: url(../images/ijion02.jpg);
	-webkit-mask-image: url(../images/mask.png);
}

/* .cro_left_top, .cro_right_top, .cro_left_bottom, .cro_right_bottom {
	position: absolute;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	z-index: 1;
	background: #FFFFFF;
}

.cro_left_top {
	top: -1px;
	left: -1px;
	border-radius: 0 0 40px 0;
}

.cro_right_top {
	top: -1px;
	right: -1px;
	border-radius: 0 0 0 40px;
}

.cro_left_bottom {
	left: -1px;
	bottom: -1px;
	border-radius: 0 40px 0 0;
}

.cro_right_bottom {
	right: -1px;
	bottom: -1px;
	border-radius: 40px 0 0 0;
} */



.ijion .iadvan::before{
	content: '';
	display: table;
}
.ijion .iadvan .iadv_box{
	margin-top: 90px;
}
.ijion .iadvan .iadv_box img{
	vertical-align: middle;
}

.ijion .iadvan .text{
	text-align: center;
	display: inline-block;
	margin-bottom: 80px;
	width: 379px;
}
.ijion .iadvan .text h4{
	font-size: 30px;
	margin-right: 30px;
	vertical-align: top;
	/* float: left; */
	display: inline-block;
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}
.ijion .iadvan .text_box{
	font-size: 14px;
	text-align: left;
	line-height: 24px;
	height: 330px;
	display: inline-block;
	/* float: right; */
	writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}
.ijion .btn{
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	width: 188px;
	margin: 0 auto 97px;
	text-align: center;
	background: url(../images/icon11.jpg) no-repeat center;
}
.ijion .btn img{
	margin-left: 8px;
}
.ijion>.main h3{
	margin-bottom: 43px;
}
.ijion>.main p{
	text-align: center;
	color: #666666;
	font-size: 14px;
	line-height: 24px;
}
.ijion>.main .ijiang{
	padding-top: 59px;
	padding-bottom: 75px;
	margin-top: 40px;
	position: relative;
	border-top: 1px solid #d4d4d4;
}
.ijion>.main .ijiang .swiper-slide .img_box{
	width: 389px;
	height: 588px;
	transition: all .5s;
}
.ijion>.main .ijiang .swiper-slide:hover .img_box{
	filter: brightness(20%);
}
.ijion>.main .ijiang .swiper-slide .text_box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: #FFFFFF;
	opacity: 0;
	transition: all .5s;
}
.ijion>.main .ijiang .swiper-slide::before,
.ijion>.main .ijiang .swiper-slide::after{
	content: '';
	left: 50%;
	transform: translateX(-50%);
	height: 95px;
	width: 1px;
	position: absolute;
	background-color: #FFFFFF;
	opacity: 0;
	z-index: 2;
}
.ijion>.main .ijiang .swiper-slide::before{
	top: 0;
}
.ijion>.main .ijiang .swiper-slide::after{
	bottom: 0;
}
.ijion>.main .ijiang .swiper-slide:hover::before,
.ijion>.main .ijiang .swiper-slide:hover::after{
	opacity: 1;
}
.ijion>.main .ijiang .swiper-slide .text_box h4{
	font-size: 30px;
	font-family: '宋体';
	margin-bottom: 25px;
	line-height: 60px;
}
.ijion>.main .ijiang .swiper-slide .text_box p{
	width: 270px;
	text-align: left;
	color: #FFFFFF;
}
.ijion>.main .ijiang .swiper-slide:hover .text_box{
	opacity: 1;
}
.ijiang .swiper-pagination{
	bottom: 0px;
	left: 0;
	width: 100%;
}

.ijiang .swiper-pagination span {
    display: inline-block;
    width: 5px;
    flex-shrink: 0;
    height: 8.66px;
    background-color: #cbcbcb;
    border-radius: 0px;
    color: #666666;
    font-size: 16px;
    text-align: center;
    line-height: 33px;
    position: relative;
    opacity: 1;
}
.ijiang .swiper-pagination span::before {
    content: "";
    display: block;
    border-width: 4.33px 2.5px;
    border-style: solid;
    border-color: transparent #cbcbcb transparent transparent;
    position: absolute;
    right: 5px;
}
.ijiang .swiper-pagination span::after {
    content: "";
    display: block;
    border-width: 4.33px 2.5px;
    border-style: solid;
    border-color: transparent transparent transparent #cbcbcb;
    position: absolute;
    left: 5px;
}
.ijiang .swiper-pagination-bullets .swiper-pagination-bullet-active{
	background-color: #851e14;
}
.ijiang .swiper-pagination span.swiper-pagination-bullet-active::before{
    border-color: transparent #851e14 transparent transparent;
}
.ijiang .swiper-pagination span.swiper-pagination-bullet-active::after {
    border-color: transparent transparent transparent #851e14;
	
}
.ijiang .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 25px;
}

.inews{
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url(../images/in_product_bg.jpg);
}
.inews .inews_list .inews_box{
	margin-bottom: 50px;
}
.inews .inews_list .inews_box .img_box{
	width: 330px;
	height: 236px;
	overflow: hidden;
}
.inews .inews_list .inews_box .img_box img{
	object-fit: cover;
	height: 100%;
	transition: all .5s;
}
.inews .inews_list .inews_box:hover .img_box img{
	transform: scale(1.1,1.1);
}
.inews .inews_list .text_box{
	float: left;
	padding-top: 236px;
	width: 850px;
	margin-right: 120px;
	position: relative;
}
.inews .inews_list .text{
	position: absolute;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 35px;
	top: 0%;
	z-index: 11;
	width: 100%;
}
.inews .inews_list .text_box .time{
	float: left;
	color: #666666;
	width: 188px;
	height: 200px;
	font-size: 36px;
	font-family: '宋体';
}
.inews .inews_list .text_box h3{
	color: #666666;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 26px;
}
.inews .inews_list .text_box p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 55px;
}

.inews .inews_list .text_box i.clear-brother{
    display: block;
    width: 0px;
    height: 1px;
    background: #333333;
    transition: .5s;
    position: relative;
}
.inews .inews_list .inews_box:hover .text_box i.clear-brother{
    width: 850px;
}
.inews .inews_list .text_box i.clear-brother::after{
    content: "";
    display: block;
    width: 850px;
    height: 1px;
    background-color: #E4E4E4;
    position: relative;
    top: 0px;
    z-index: -1;
}


.ins_img{
	height: 600px;
}
.ins_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.nav{
	background: url(../images/nav_bg.png) no-repeat center;
	text-align: center;
	margin: 0 auto;
	padding: 63px 0;
}
.nav .main{
	border: 1px solid #dcdcdc;
}
.nav a:nth-of-type(1){
	padding-left: 55px;
}
.nav a{
	line-height: 78px;
	display: inline-block;
	font-size: 16px;
	color: #666666;
	padding-right: 55px;
}
.nav a+a::before{
	content: '|';
	color: #d5d5d5;
	margin-right: 55px;
	display: inline-block;
}
.nav a:hover{
	color: #7d1217;
}

/* contact */
.contact .text{
	width: 420px;
	height: 200px;
	background-color: #fafafa;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
}
.contact .text p{
	color: #666666;
	font-size: 16px;
	line-height: 30px;
}
.contact .text+.text{
	border-left: 20px solid #FFFFFF;
}
.contact .text i{
	top: 0;
	left: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	transform-origin: left top;
	background-color: #FFFFFF;
	box-shadow: 0 0 8px #D4D4D4;
	transform: rotate(45deg) translate(-50%,-50%);
}
.contact .text i::after{
	content: '';
	width: 50px;
	height: 50px;
	display: block;
	transform: rotate(-45deg);
}

.contact .text:nth-of-type(1) i::after{
	background:url(../images/site.png) no-repeat center;
}
.contact .text:nth-of-type(2) i::after{
	background:url(../images/phone.png) no-repeat center;
}
.contact .text:nth-of-type(3) i::after{
	background:url(../images/inter.png) no-repeat center;
}

.area{
	height: 660px;
	margin-top: 80px;
}
.area::before{
	content: '';
	display: table;
}
.area .main{
	margin-top: 74px;
}
.area .area_box{
	width: 640px;
	margin-bottom: 30px;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	background-color: #fff;
	/* min-height: 147px; */
}
.area .area_box:nth-of-type(2n){
	margin-left: 19px;
}
.area>div:nth-of-type(4n+2){
	
}
.area .area_box .text_box{
	display: table-cell;
	vertical-align: middle;
	width: 439px;
	height: 87px;
}
.area .area_box .text_box h3{
	color: #666666;
	font-size: 18px;
	margin-bottom: 20px;
}
.area .area_box .text_box p{
	color: #999999;
	font-size: 14px;
}
.area .area_box .phone{
	width: 150px;
	color: #999999;
	font-size: 14px;
	border-left: 1px solid #eaeaea;
	line-height: 32px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.map{
	margin: 70px auto;
}


.message{
	padding-bottom: 90px;
	padding: 60px 45px 45px;
	box-sizing: border-box;
	background-color: #fafafa;
	margin: 0 auto 90px;
}
.message .clearfix{
	position: relative;
}
.message .ml,
.message .mr{
	width: 50%;
	box-sizing: border-box;
	float: left;
	display: inline-block;
}
.message .ml h3{
	font-family: '思源黑体 CN';
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 80px;
}
.message .ml p{
	font-size: 18px;
	line-height: 36px;
	color: #666666;
}
.message .ml p.hot{
	font-size: 24px;
	line-height: 36px;
}
.message .ml .root{
	vertical-align: bottom;
	position: absolute;
	bottom: 0;
}
.message .ml .root p{
	font-size: 15px;
}
.message .mr form{
	width: 590px;
	float: right;
}
.message .mr input{
	width: 275px;
	height: 46px;
	font-size: 15px;
	border-radius: 6px;
	padding-left: 15px;
	margin-bottom: 26px;
	box-sizing: border-box;
	background-color: #eeeeee;
}
.message .mr input::placeholder{
	font-family: '微软雅黑';
}
.message .mr input[name='phone']{
	margin-left: 36px;
}
.message .mr input[name='verify']{
	width: 180px;
}
.message .mr .img_box{
	width: 120px;
	height: 46px;
	display: inline-block;
	margin-left: 30px;
	vertical-align: top;
}
.message .mr textarea{	
	font-size: 15px;
	font-family: '微软雅黑';
	border-radius: 6px;
	width: 100%;
    resize: none;
	line-height: 40px;
	padding-left: 15px;
	margin-bottom: 25px;
	box-sizing: border-box;
	background-color: #eeeeee;
}
.message .mr textarea::placeholder{
	font-size: 15px;
	font-family: '微软雅黑';
}
.message .mr button{	
	background-color:#9b9b9b;
	border: 0;
	outline: none;
	border-radius: 6px;
	color: #FFFFFF;
	width: 100%;
	height: 46px;
}
.down_list .down_box{
	border: 1px solid #eeeeee;
	padding: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 634px;
	height: 224px;
	float: left;
	margin-bottom: 40px;
}
.down_list .down_box a{
	display: block;
	width: 100%;
	height: 100%;
}
.down_list .down_box:nth-of-type(even){
	margin-left: 30px;
}
.down_list .down_box .img_box{
	width: 246px;
	height: 176px;
	position: relative;
}
.down_list .down_box .img_box img{
	height: 100%;
	object-fit: cover;
	transition: all .5s;
}
.down_list .down_box .img_box .mask{
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: url(../images/down.png) no-repeat center;
}
.down_list .down_box:hover .img_box .mask{
	opacity: 1;
}
.down_list .down_box:hover .img_box img{
	filter: brightness(50%);
}
.down_list .down_box .text_box{
	display: table-cell;
	vertical-align: middle;
	padding-left: 24px;
}
.down_list .down_box .text_box h3{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.down_list .down_box .text_box p{
	color: #666666;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.down_list .down_box .text_box i{
	width: 31px;
	height: 8px;
	display: block;
	margin-top: 30px;
	background: url(../images/arrow.png) no-repeat center;
}
.job_txt{
	padding-bottom: 80px;
	line-height: 36px;
}
.job_txt p{
	color: #666666;
	font-size: 16px;
	line-height: 30px;
}

.job{padding-bottom:68px;}
.job_menu{font-size: 16px;color: #fff;background: #8b8c91;font-weight: bold;}
.job_menu p{float: left;height:60px;line-height:60px;width: 25%;text-indent: 16px;}
.job_menu p:last-child{margin-right: 0;}
.job li{margin-top: 10px;}
.job .hd{font-size: 16px;color: #323337;cursor: pointer;background: #f5f5f5;margin-top: 1px;transition: .3s;}
.job .hd.on{background:#9a0e0a;color: #fff;}
.job .hd p{float: left;width:25%;height:60px;line-height:60px;text-indent: 16px;}
.job .hd p:last-child{background: url(../images/add.png) no-repeat center right 115px;}
.job .hd.on p:last-child{background: url(../images/remove.png) no-repeat center right 115px;}
.job .bd{padding:25px 90px 30px;line-height:30px;display: none;background: #fff;}
.job .bd .txt{float: left;padding: 35px 0 20px;width:449px;padding-right: 110px;border-right: 1px solid #efefef;}
.job .bd .txt:nth-child(2){padding-left: 110px;padding-right: 0;border: none;}


/* news */
.news .news_list .news_box{
	width: 400px;
	height: 320px;
	float: left;
	position: relative;
	margin-top: 60px;
	margin-bottom: 74px;
	background-color: #fafafa;
}
.news .news_list .news_box a{
	display: block;
	width: 100%;
	height: 100%;
}
.news .news_list .news_box:nth-of-type(3n+2),
.news .news_list .news_box:nth-of-type(3n+3){
	margin-left: 47px;
}
.news .news_list .news_box .time::before{
	content: '';
	display: inline-block;
	width: 1px;
	height: 56px;
	margin: 20px 0 5px;
	background-color: #000000;
}
.news .news_list .news_box .time{
	display: inline-block;
	font-size: 14px;
	line-height: 48px;
	color: #666666;
	float: left;
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}
.news .news_list .news_box .img_box{
	position: absolute;
	left: 60px;
	overflow: hidden;
	top: -60px;
}
.news .news_list .news_box .img_box img{
	transition: all .5s;
}
.news .news_list .news_box:hover .img_box img{
	transform: scale(1.1,1.1);
}
.news .news_list .news_box::before{
	content: '';
	display: block;
}
.news .news_list .news_box .text_box{
	margin: 180px 45px 0 60px;
	width: 300px;
	
}
.news .news_list .news_box .text_box p{
	color: #666666;
	margin-bottom: 35px;
	font-size: 18px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news .news_list .news_box .more{
	margin-left: 60px;
	margin-right: 40px;
	font-size: 14px;
	line-height: 17px;
}
.news .news_list .news_box .more img{
	float: right;
}


.newsv{padding-bottom:80px;}
.newsv_box .info_box{/* width:1300px; *//* margin:0 auto; */}
.newsv_box .htit{text-align:center;}
.newsv_box .htit h2{font-size:30px;color:#333333;margin-bottom: 27px;}
.newsv_box .htit p{font-size:16px;color:#999999;line-height: 30px;}
.newsv_box .htit p span:nth-of-type(1)::before{
	content: '';
	width: 21px;
	height: 21px;
	margin: 0 20px;
	display: inline-block;
	background: url(../images/newico_time.png) no-repeat center;
	vertical-align:sub;
}
.newsv_box .htit p span:nth-of-type(2)::before{
	content: '';
	width: 21px;
	height: 21px;
	margin: 0 20px;
	display: inline-block;
	background: url(../images/newico_see.png) no-repeat center;
	vertical-align:sub;
}
.newsv_box .htit p span:nth-of-type(3)::before{
	content: '';
	width: 21px;
	height: 21px;
	margin: 0 20px;
	display: inline-block;
	background: url(../images/newico_fx.png) no-repeat center;
	vertical-align:sub;
}


.newsv_box .text_box{font-size:16px;color:#333;line-height:28px;padding-bottom:30px;}
.newsv_box .img_box {width: 1300px;height: 625px;}
.newsv_box .text_box p{margin-bottom: 10px;color: #666666;line-height: 30px;font-size: 16px;margin-bottom: 45px;}
.newsv_box div.next{height:110px;line-height:110px;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf; margin-top: 77px;}
.newsv_box .next a:nth-child(1)::before{
	display: inline-block;
	content: '';
	width: 0px;
	height: 0px;
	border-left: 0px solid #8f1105;
	border-right: 8px solid #8f1105;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin-right: 12px;
}
.newsv_box .next a:nth-child(2)::after{
	display: inline-block;
	content: '';
	width: 0px;
	height: 0px;
	margin-left: 12px;
	border-right: 0px solid #8f1105;
	border-left: 8px solid #8f1105;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.newsv_box div a:nth-child(2){height:110px;line-height:110px;float: right;}
.newsv_box div.next a{display:inline-block;height:110px;font-size:16px;color:#444;}
.newsv_box div.next a:hover{text-decoration: underline;}



.pro .pro_list_box .pro_box{width: 404px;display: block;float: left;border: 1px solid #e5e5e5;margin-bottom: 67px;}
.pro .pro_list_box .pro_box a{
	display: block;
	width: 100%;
	height: 100%;
}
.pro .pro_list_box .pro_box .img_box{overflow: hidden;}
.pro .pro_list_box .pro_box img{transition: all .5s;}
.pro .pro_list_box .pro_box:hover img{transform: scale(1.1,1.1);}
.pro .pro_list_box .pro_box:not(:nth-of-type(3n)){margin-right: 41px;}
.pro .pro_list_box .pro_box .img_box{width: 406px;height: 284px;}
.pro .pro_list_box .pro_box .img_box img{width: 100%;height: 100%;}
.pro .pro_list_box .pro_box p{height: 58px;line-height: 58px;color: #333333;font-size: 24px;text-align: center;padding-top: 20px;}
.pro .pro_list_box .pro_box p::after{
	content: '';
	display: block;
	margin: 0 auto;
	width: 44px;
	height: 1px;
	background-color: #e5e5e5;
}

.pro .pro_list_box .pro_box .btn{
	font-size: 18px;
	height: 47px;
	line-height: 47px;
	width: 188px;
	margin: 25px auto 0;
	padding-bottom: 33px;
	text-align: center;
	background: url(../images/icon11.jpg) no-repeat center top;
}
.pro .pro_list_box .pro_box:hover .btn::after{
	width: 14px;
	content: '';
	margin-left: 12px;
	height: 14px;
	transition: all .5s;
	display: inline-block;
	background-image: url(../images/icon12.png);
}
.pro .pages{
	margin: 0 auto 66px;
}



.prov{
	margin: 48px auto 44px;
}
.prov .jpro{
	width: 1300px;
	height: 595px;
	padding: 42px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fafafa;
}
.prov .jpro .img_box{
	width: 656px;
	height: 508px;
}
.prov .jpro .img_box img{
	height: 100%;
	object-fit: cover;
}
.prov .jpro .text{
	padding-left: 50px;
	display: table-cell;
	vertical-align: middle;
}
.prov .jpro .text h2{
	font-size: 30px;
	margin-bottom: 7px;
}
.prov .jpro .text>strong{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: unset;
	color: #999999;
}
.prov .jpro .text h3{
	font-size: 24px;
	margin-top: 40px;
	margin-bottom: 30px;
}
.prov .jpro .text .text_box p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}


.prov .jpro .jpage{
	clear: both;
	margin-top: 40px;
}
.prov .jpro .jpage a{
	width: 177px;
	height: 46px;
	margin-right: 17px;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	display: inline-block;
	background: url(../images/icon15.png) no-repeat center top;
}
.prov .jpro .jpage a:hover::after{
	width: 14px;
	content: '';
	margin-left: 12px;
	height: 14px;
	transition: all .5s;
	display: inline-block;
	background-image: url(../images/icon12.png);
}
.trait{
	width: 100%;
	height: 240px;
	background: url(../images/icon14.png) no-repeat center;
}
.trait .trait_list{
	height: 100%;
	text-align: center;
	position: relative;
	vertical-align: middle;
}
.trait .trait_list .trait_box{
	width: 180px;
	margin-top: 70px;
	/* position: absolute; */
	/* top: 50%; */
	/* transform: translateY(-50%); */
	text-align: center;
	display: inline-block;
}
.trait .trait_list .trait_box p{
	margin-top: 30px;
	font-size: 16px;
}

.detail{
	margin: 40px auto 80px;
	padding: 70px 65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fafafa;
}
.detail>h2{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
.detail>h2::after{
	content: '';
	width: 16px;
	height: 16px;
	margin-top: 5px;
	margin-left: 10px;
	position: absolute;
	background-image: url(../images/icon05.png);
}
.detail>p{
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 90px;
}



.ab{
	background: #faf9f7 url(../images/n_bg.png) no-repeat;
}
.ab .tit02{
	margin: 0px auto 80px;
}
.ab .text_box{
	display: table-cell;
}
.ab .text_box p{
	font-size: 15px;
	line-height: 30px;
}
.ab .roof .img_box{
	width: 648px;
	height: 449px;
}
.ab .roof .img_box img{
	width: 100%;
	object-fit: cover;
}
.ab .roof .text_box p{
	margin-bottom: 30px;
}


.ab .mid{
	width: 100%;
	position: relative;
	height: 240px;
	background-color: #8f1105;
}
.ab .cro_left_top, .ab .cro_right_top, .ab .cro_left_bottom, .ab .cro_right_bottom {
	position: absolute;
	width: 40px;
	height: 40px;
	z-index: 1;
	background: #faf9f7;
}

.ab .cro_left_top {
	top: -1px;
	left: -1px;
	border-radius: 0 0 40px 0;
}

.ab .cro_right_top {
	top: -1px;
	right: -1px;
	border-radius: 0 0 0 40px;
}

.ab .cro_left_bottom {
	left: -1px;
	bottom: -1px;
	border-radius: 0 40px 0 0;
}

.ab .cro_right_bottom {
	right: -1px;
	bottom: -1px;
	border-radius: 40px 0 0 0;
}
.ab .mid{
	color: #FFFFFF;
}
.ab .mid .scale{
	width: 1300px;
	padding-top: 75px;
}
.ab .mid .scale>div{
	width: 320px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.ab .mid .scale>div+div{
	border-left: 1px solid #eeeeee;
}
.ab .mid .scale>div strong{
	font-size: 50px;
	margin-bottom: 10px;
	font-weight: bold;
}
.ab .mid .scale>div strong i{
	font-size: 25px;
	vertical-align: top;
}
.ab .mid .scale>div p{
	font-size: 18px;
}
.ab .root{
	margin-top: 80px;
	padding-bottom: 60px;
	/* background: url(../images/icon16.png) no-repeat bottom right; */
}
.ab::after{
	content: '';
	display: table;
}
.ab .root .img_box{
	width: 648px;
	height: 449px;
}
.ab .root .img_box img{
	width: 100%;
	object-fit: cover;
}
.ab .root .text_box{
	display: table-cell;
	vertical-align: middle;
}
.ab .root .text_box p{
	margin-bottom: 30px;
}

.brand>p{
	text-align: center;
	margin: 0 auto;
	width: 1100px;
	font-size: 15px;
	line-height: 30px;
	color: #666666;
}
.brand .bbrand{
	position: relative;
}
.brand .bbrand .bd{
	width: 33.34%;
}
.brand .bbrand .bd ul li a{
	display: block;
	width: 100%;
}
.brand .bbrand .bd ul li .img_box{
	width: 1%;
}
.brand .bbrand .bd ul li .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.brand .bbrand .bd .brand_pages{
	bottom: -50px;
	box-shadow: 0 5px 10px #AAAAAA;
	width: 1300px;
	height: 100px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	background-color: #fff;
	
}
.brand .bbrand .bd .brand_pages>div{
	display: inline-block;
	line-height: 100px;
}
.brand .bbrand .bd .brand_pages .pageState{
	vertical-align: top;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.brand .bbrand .bd .brand_pages .pageState{
	color: #6b6b6b;
	font-size: 16px;
}
.brand .bbrand .bd .brand_pages .pageState span{
	color: #810000;
	font-size: 36px;
}
.brand .bbrand .bd .brand_pages .brand_prev{
	width: 26px;
	height: 100px;
	cursor: pointer;
	margin-left: 93px;
	background: url(../images/brand_prev.png) no-repeat center/26px 16px;
}
.brand .bbrand .bd .brand_pages .brand_next{
	width: 26px;
	float: right;
	height: 100px;
	cursor: pointer;
	margin-right: 93px;
	background: url(../images/brand_next.png) no-repeat center/26px 16px;
}




.brand .main{
	margin: 170px auto 0;
}
.brand .advan::before{
	content: '';
	display: table;
}
.brand .advan .adv_box:nth-of-type(even) .img_box{
	float: right;
}
.brand .advan .adv_box .img_box,
.brand .advan .adv_box .text{
	height: 440px;
	width: 650px;
}
.brand .advan .adv_box .text{
	display: table-cell;
	vertical-align: middle;
	padding-left: 58px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 80px;
}
.brand .advan .text h2{
	font-size: 36px;
	font-weight: bold;
	vertical-align: top;
}
.brand .advan .text h2::after {
    content: '';
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-left: 10px;
    position: absolute;
    background-image: url(../images/icon05.png);
}
.brand .advan .text i{
	font-size: 16px;
}
.brand .advan .text_box{
	color: #666666;
	margin-top: 50px;
	font-size: 14px;
	text-align: left;
	line-height: 24px;
	display: inline-block;
}

.history .year_swiper p{
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	color: #999999;
	height: 70px;
}
.history .year_swiper .swiper-slide-active p{
	color: #666666;
	font-size: 24px;
    line-height: 18px;
}
.history .year_swiper p::after{
	position: absolute;
	z-index: 999999;
	bottom: 10px;
	left: 48%;
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background-image: url(../images/icon_39.png);
}
.history .year_swiper .swiper-slide-active p::after{
	position: absolute;
	z-index: 999999;
	bottom: 0px;
	left: 42%;
	content: '';
	display: block;
	width: 34px;
	height: 34px;
	background-image: url(../images/icon_40.png);
}



.history .bd_swiper{
	margin-top: -17px;
	background-image: url(../images/history_01.jpg);
}
.history .bd_swiper .swiper-slide{
	text-align: center;
	height: 524px;
}
.history .bd_swiper .swiper-slide a{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.history .bd_swiper .text_box{
	color: #FFFFFF;
	display: table-cell;
	vertical-align: middle;
	padding-left: 80px;
}
.history .bd_swiper .text_box p{
	font-size: 16px;
	line-height: 36px;
	text-align: left;
}



.honor{
	margin-bottom: 130px;
}
.honor .phonor{
	width: 1200px;
	position: relative;
	margin: 0 auto;
}
.honor .phonor .bd{
	width: 400px;
}
.honor .phonor .bd ul li{
	text-align: center;
	border: 1px solid #eeeeee;
}
.honor .phonor .bd ul li .img_box{
	width: 400px;
	height: 420px;
	transition: all .5s;
}
.honor .phonor .bd ul li:hover .img_box{
	transform: scale(1.1,1.1);
}
.honor .phonor .bd ul li p{
	color: #666666;
	font-size: 16px;
	margin-bottom: 70px;
}
.honor .phonor .bd .hon_prev,
.honor .phonor .bd .hon_next{
	font-size: 50px;
	font-family: '宋体';
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	line-height: 50px;
	text-align: center;
	border: 1px solid #efefef;
	border-radius: 50%;
}
.honor .phonor .bd .hon_prev{
	left: -100px;
}
.honor .phonor .bd .hon_next{
	right: -100px;
}


.tit03{
	text-align: center;
	letter-spacing: 5px;
}
.tit03 h2{
	font-size: 36px;
	margin-top: 55px;
	font-weight: bold;
	margin-bottom: 10px;
}
.tit03 h2::after{
    content: '';
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-left: 10px;
    position: absolute;
    background-image: url(../images/icon05.png);
}
.tit03 p{
	margin-bottom: 100px;
	color: #333333;
	font-size: 30px;
}
.tit03 p.lt{
	margin-bottom: 60px;
    letter-spacing: 0px;
	color: #666666;
	font-size: 16px;
	line-height: 30px;
}

.ins_img.jion{
	height: 750px;
}
.vista .text_box p{
	color: #666666;
	font-size: 15px;
	line-height: 30px;
}
.vista .data{
	margin-top: 70px;
	color: #FFFFFF;
	width: 100%;
	padding: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 390px;
	background-image: url(../images/vista01.jpg);
}
.vista .data .data_box{
	display: inline-block;
	width: 33.3%;
	float: left;
}
.vista .data .data_box i{
	font-size: 14px;
	line-height: 18px;
}
.vista .data .data_box b::after{
	content: '';
	display: block;
	margin: 35px 0 42px;
	width: 36px;
	height: 5px;
	background-color: #FFFFFF;
}
.vista .data .data_box h3{
	font-size: 48px;
	margin-top: 24px;
	margin-bottom: 35px;
	line-height: 36px;
}
.vista .data .data_box b{
	font-size: 18px;
	line-height: 36px;
}
.vista .data .data_box p{
	font-size: 14px;
	line-height: 18px;
	width: 250px;
}



.policy .tit03 h2{
	margin-top: 74px;
}
.policy::before{
	content: '';
	display: table;
}
.policy .pol_box{
	margin-top: 90px;
}
.policy .pol_box img{
	vertical-align: top;
}

.policy .text{
	text-align: center;
	display: inline-block;
	margin-bottom: 80px;
	width: 379px;
}
.policy .text h4{
	font-size: 30px;
	margin-right: 30px;
	vertical-align: top;
	/* float: left; */
	display: inline-block;
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}
.policy .text_box{
	font-size: 14px;
	text-align: left;
	line-height: 24px;
	height: 330px;
	display: inline-block;
	/* float: right; */
	writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}
.policy .cro{
	width: 533px;
	height: 336px;
	position: relative;
	display: inline-block;
	background-image: url(../images/pol_01.jpg);
	-webkit-mask-image: url(../images/mask.png);
}
.policy .cro1{
	width: 533px;
	height: 336px;
	position: relative;
	display: inline-block;
	float: right;
	background-image: url(../images/pol_02.jpg);
	-webkit-mask-image: url(../images/mask.png);
}
.policy .btn{
	text-align: center;
	font-size: 18px;
    height: 60px;
    line-height: 60px;
    width: 188px;
    margin: 0 auto 97px;
    text-align: center;
    background: url(../images/icon11.jpg) no-repeat center;
}



.support{
	height: 705px;
	color: #FFFFFF;
	background: url(../images/support01.jpg) no-repeat center/cover;
	background-attachment: fixed;
}
.support .text_box{
	width: 550px;
	float: right;
}
.support .text_box .tit03{
	letter-spacing: 0;
}
.support .tit03 h2{
	text-align: left;
}
.support .tit03 p{
	text-align: left;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 24px;
}
.support .sup_list .sup_box{
	width: 50%;
	float: left;
	font-size: 16px;
	line-height: 60px;
	text-indent: 60px;
}
.support .sup_list .sup_box:nth-of-type(1){
	background: url(../images/icon_17.png) no-repeat left center;
}
.support .sup_list .sup_box:nth-of-type(2){
	background: url(../images/icon_18.png) no-repeat left center;
}
.support .sup_list .sup_box:nth-of-type(3){
	background: url(../images/icon_19.png) no-repeat left center;
}
.support .sup_list .sup_box:nth-of-type(4){
	background: url(../images/icon_20.png) no-repeat left center;
}
.support .sup_list .sup_box:nth-of-type(5){
	background: url(../images/icon_21.png) no-repeat left center;
}
.support .sup_list .sup_box:nth-of-type(6){
	background: url(../images/icon_22.png) no-repeat left center;
}
.support .sup_list .sup_box:nth-of-type(7){
	background: url(../images/icon_23.png) no-repeat left center;
}
.support .sup_list .sup_box:nth-of-type(8){
	background: url(../images/icon_24.png) no-repeat left center;
}
.support .sup_list .sup_box:nth-of-type(9){
	background: url(../images/icon_25.png) no-repeat left center;
}

.adv{
	margin-bottom: 130px;
	margin-top: 110px;
}
.adv .main>.text_box{
	margin-top: 20px;
	margin-bottom: 70px;
}
.adv .text_box p{
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}
.adv .adv_list .adv_box{
	float: left;
	width: 33.3%;
	height: 475px;
	position: relative;
}
.adv .adv_list .adv_box a{
	display: block;
	width: 100%;
	height: 100%;
}
.adv .adv_list .adv_box .text_box{
	opacity: 0;
	width: 360px;
	height: 400px;
	text-align: center;
	color: #FFFFFF;
	background-color: rgba(111,8,3,.76);
	background-image: url(../images/icon_29.png);
	background-repeat: no-repeat;
	background-position: 50% 90%;
	padding: 90px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.adv .adv_list .adv_box .text_box h3{
	font-size: 30px;
	margin-bottom: 25px;
}
.adv .adv_list .adv_box .text_box p{
	font-size: 15px;
	line-height: 30px;
}
.adv .adv_list .adv_box .img_box,
.adv .adv_list .adv_box .text_box{
	top: 50%;
	left: 50%;
	position: absolute;
	transition: all .5s;
	transform: translate(-50%,-50%);
}
.adv .adv_list .adv_box .img_box{
	opacity: 1;
}
.adv .adv_list .adv_box:hover .img_box{
	opacity: 0;
}
.adv .adv_list .adv_box:hover .text_box{
	opacity: 1;
}



.flow{
	background-image: url(../images/zs_pic3.jpg);
}
.flow::after,
.flow::before{
	content: '';
	display: table-cell;
}
.flow .tit03 h2{
	margin-top: 90px;
}
.flow .flow_list{
	margin-top: 115px;
	margin-bottom: 80px;
}
.flow .flow_list>div{
	float: left;
}
.flow .flow_list .arr{
	line-height: 180px;
	text-align: center;
	width: 44px;
}
.flow .flow_list .flow_box{
	position: relative;
	/* float: left; */
	display: inline-block;
	transition: all .5s;
	background-color: #505050;
	width: 138px;
	height: 138px;
	margin: 21px 21px 21px 21px;
	border-radius: 50%;
}
.flow .flow_list .flow_box>div{
	width: 70px;
	text-align: center;
	transition: all .5s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.flow .flow_list .flow_box p{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
.flow .flow_list .flow_box:hover{
	margin: 0;
	width: 180px;
	height: 180px;
}

.apply{
	background-color: #f7f7f7;
}
.apply::after,
.apply::before{
	content: '';
	display: table-cell;
}
.apply .main{
	background-color: #FFFFFF;
	padding: 60px 40px;
	margin: 50px auto 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.apply .tit03{
	border-bottom: 1px solid #e9e9e9;
}
.apply .tit03 h2{
	float: left;
	margin-top: 0;
	margin-bottom: 40px;
}
.apply .tit03 .app_r{
	float: right;
}
.apply .tit03 .app_r img{
	display: table-cell;
}
.apply .tit03 .app_r>div{
	display: table-cell;
	margin-right: 0;
	vertical-align: middle;
}
.apply .tit03 .app_r p{
	margin-bottom: 0;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0;
	text-align: left;
}
.apply form{
	color: #666666;
	margin-top: 50px;
	line-height: 38px;
}
.apply form .col-1{
	display: block;
	margin-bottom: 10px;
}
.apply form .col-2{
	margin-bottom: 10px;
	float: left;
	width: 580px;
	display: inline-block;
}
.apply form .city_select select{
	width: 280px;
	float: left;
}
.apply form .city_select select:nth-of-type(2){
	margin-left: 20px;
}
.apply form input{
	padding-left: 20px;
	color: #999999;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	height: 55px;
}
.apply form input::placeholder{
	color: #999999;
}
.apply form select{
	width: 100%;
	padding-left: 20px;
	border: 1px solid #e5e5e5;
	height: 55px;
}
.apply form textarea{
	background-color: #f7f7f7;
	width: 100%;
}
.apply form .col-2:nth-of-type(even){
	margin-left: 60px;
	
}
.apply form .reg{
	width: 50%;
	display: inline-block;
}
.apply form button{
	border: 0;
	background-color: #4f4f4f;
	color: #FFFFFF;
	width: 580px;
	float: right;
	height: 55px;
}
.apply form .reg input{
	width: 280px;
}
.apply form .reg .img_box{
	width: 280px;
	height: 55px;
	float: right;
}

